{include file="public/header"/}
{load href="/public/static/Content/ThemesBusiness/FormPage.css"}


    <div id="tabState" class="easyui-tabs" fit="true">
    <table class="form_table" style="width:90%">
        <tr class="form_tr">

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                激活总数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.zl}
            </td>

           

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                未过期数量
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.in_time}
            </td>

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                已过期数量
            </th>
           <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                 {$info.out_time}
            </td>
          
        </tr>

        <tr class="form_tr">

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                年激活数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.year_num}
            </td>

           

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                月激活数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.mon_num}
              
            </td>

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                周激活数
            </th>
           <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
              
                    {$info.week_num}
            </td>

        </tr>

        <tr class="form_tr">

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                每日激活量
            </th>
            <td colspan="5" style="width:90%;padding-left:8px; height:400px;" class="form_td form_td_content">
                <div id="main" style="width:100%;height:380px;margin-top: -100px;"></div>
            </td>

        </tr>

       
        
    </table>

   
    <script type="text/javascript" src="/public/static/js/echarts.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        var a = "{$info.date_string|default='2017-1,2017-2,2017-3,2017-4,2017-5,2017-6,2017-7,2017-8,2017-9,2017-10'}";
        var date = a.split(",");

        var b = "{$info.login_sum|default='2,3,4,1,2,3,4,3,0,1'}";
        var login_sum = b.split(",");
//console.log(date);
        option = {
            grid: {

                top: '100px',
                bottom: '30px',

            },
            xAxis: {
                type: 'category',
                data: date
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: login_sum,
                type: 'line',
                itemStyle : { normal: {label : {show: true}}}
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

{include file="public/footer"/}